<#assign module="gasstation"/>

<@override name="header">
<link rel="stylesheet" href="${ctx}/assets/css/form.css">
<link rel="stylesheet" href="${ctx}/assets/css/datepicker/datepicker.css">
<link rel="stylesheet" href="${ctx}/assets/css/datetimepicker.css">
</@override>
<@override name="body">

<div class="row">
	<div class="col-xs-8">
		<ul class="nav nav-tabs">
            <li><a href="${ctx}/gasstation/list">油站管理</a></li>
            <li class="active"><a href="${ctx}/gasstation/orderList">订单汇总</a></li>
            <li><a href="${ctx}/gasstation/paymentsRecordAll">资金流水</a></li>
        </ul>
	</div>
</div>
<div class="row margin-top">
	<div class="col-xs-12">
		<form class="form-inline" role="form">
			<div class="form-group">
				<select class="form-control " id="statusSelect" name="statusSelect"  >
		  				<option value="">选择订单状态</option>
		  				<option value="0">待处理</option>
		  				<option value="1">已完成</option>
	  			</select>
		    </div>
		    
		    <div class="input-group">
		    	<input type="text" style="width:400px;" class="form-control form-contb" id="params" name="params" placeholder="请输入加油站/客户名/客户手机"/>
			</div>
			
		  	<div class="form-group">
		  		<input id="startTime" name="startTime"  type="text" class="form-control form-conthtl" placeholder="请输入起始时间"/>
		    </div>
		  	<div class="form-group">
  				<input id="endTime" name="endTime"  type="text" class="form-control form-conthtl" placeholder="请输入结束时间"/>
		    </div>
		    
		  	
		  	<button id="searchButton" type="button" class="btn btn-primary"><i class="icon-search"></i>&nbsp;搜索</button>
	    	<button  id="export_button" style="margin-left:10px;" type="button" class="btn btn-primary"><i class="glyphicon glyphicon-save"></i>导出</button>
		</form>
	</div>
</div>

<!--列表-->
<div class="tabta-content" style="padding-top:10px;">  	
	<table class="table table-condensed table-striped">
		<tbody id="order_tbody">
			<tr>
				<th style='min-width:80px;'>操作</th>
				<th style='min-width:80px;'>状态</th>
				<th style='min-width:80px;'>服务号</th>
				<th style='min-width:80px;'>油站</th>
				<@shiro.isMainCompany>
				<th style='min-width:80px;'>所属公司</th>
				</@shiro.isMainCompany>
				<th style='min-width:80px;'>客户名</th>
				<th style='min-width:100px;'>客户手机号</th>
				<th style='min-width:80px;'>订单号</th>
				<th style='min-width:80px;'>油号</th>
				<th style='min-width:80px;'>枪号</th>
				<th style='min-width:80px;'>加油金额</th>
				<th style='min-width:80px;'>实收金额</th>
				<th style='min-width:80px;'>平台优惠</th>
				<th style='min-width:100px;'>时间</th>
				<th style='min-width:200px;'>支付方式</th>
				<th style='min-width:200px;'>备注</th>
			</tr>
		</tbody>
	</table>
	<br>
	<div style="text-align:center" id="NoData"></div>
	</br>
	<ul class="pagination pull-left pagination-sm pageshow" style="display:none;">
		<li><a></a></li>
	</ul>
	<ul class="pagination pull-left pagination-sm pagedata" style="display:none;">
    </ul>
</div>

<!--添加备注-->
<div class="form-horizontal">
	<div class="modal fade" id="dialog_modifyCash">
	   <div class="modal-dialog">
	     <div class="modal-content">
	    	<div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	        	<h4 class="modal-title">添加备注</h4>
	        </div>
		    <div class="modal-body">
	      	<form action=""  method="post">
	      		<input type="hidden" id="orderId"/>
	      		
		      	<div class="form-group">
	      	 		<label class="col-sm-3 control-label">订单号：</label>
                    <div class="col-sm-8">
                    	<label  class="control-label" id="orderNo" ></label>
                    </div>
		        </div>
		         <div class="form-group">
                    <label class="col-sm-3 control-label">备注：</label>
                    <div class="col-sm-8">
                    	<textarea class="form-control" distable="ture" cols="60"  id="memo" rows="3" required></textarea>
                    </div>
				 </div>
		         <div class="form-group" >
                    <label class="col-sm-3 control-label">原有备注：</label>
                    <div class="col-sm-8" x>
                    	<textarea  class="form-control"  readonly="true" cols="60"  id="oldmemo" rows="6"></textarea>
	                </div>
				 </div>
				   <div class="form-group">
                 	  <div class="col-sm-6">
                	  </div>
                	  <div class="col-sm-3">
					      <input  type="button" class="btn btn-primary" id="save" value="确定">
					      <button type="button" class="btn btn-default" id="close_modal_memo">关闭</button>
		        	  </div>
		           </div>  
		  	</form>
	     	</div>
	     </div>
	  </div>
	</div>
</div>
<!--订单详情-->
<div class="form-horizontal" >
	<div class="modal fade" id="dialog_order"  data-backdrop="static">
	   <div class="modal-dialog" style="width:680px;">
	   		<div class="modal-content">
		    	<div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		        	<h4 class="modal-title">订单详情</h4>
		    	</div>
		    <div class="panel margin-top">
				<div class="panel-body" style="margin-left:0px">
			    	<div class="form-group">
		                <label class="col-sm-3 control-label">单号：</label>
		                <div class="col-sm-9">
		                	<span id="orderNum" style="border:none;-webkit-box-shadow:none;box-shadow:none" class="form-control" >高仿的股份的</span>
		                </div>
	                </div>
	                
	                <div class="form-group">
		                <label class="col-sm-3 control-label">客户姓名：</label>
		                <div class="col-sm-9">
		                	<span id="passengerName" style="border:none;-webkit-box-shadow:none;box-shadow:none" class="form-control" ></span>
		                </div>
	                </div>
	                
	                <div class="form-group">
		                <label class="col-sm-3 control-label">客户电话：</label>
		                <div class="col-sm-9">
		                	<span id="passengerPhone" style="border:none;-webkit-box-shadow:none;box-shadow:none" class="form-control" ></span>
		                </div>
	                </div>
	                
	                <div class="form-group">
		                <label class="col-sm-3 control-label">下单时间：</label>
		                <div class="col-sm-9">
		                	<span id="createOrder" style="border:none;-webkit-box-shadow:none;box-shadow:none" class="form-control" ></span>
		                </div>
	                </div>
	                
	                <div class="form-group">
		                <label class="col-sm-3 control-label">油号：</label>
		                <div class="col-sm-9">
		                	<span id="gasNum" style="border:none;-webkit-box-shadow:none;box-shadow:none" class="form-control" ></span>
		                </div>
	                </div>
	                
	                <div class="form-group">
		                <label class="col-sm-3 control-label">枪号：</label>
		                <div class="col-sm-9">
		                	<span id="compressorGun" style="border:none;-webkit-box-shadow:none;box-shadow:none" class="form-control" ></span>
		                </div>
	                </div>
	                
	                <div class="form-group">
		                <label class="col-sm-3 control-label">加油金额：</label>
		                <div class="col-sm-9">
		                	<span id="money" style="border:none;-webkit-box-shadow:none;box-shadow:none" class="form-control" ></span>
		                </div>
	                </div>
	                
	                <div class="form-group">
		                <label class="col-sm-3 control-label">实收金额：</label>
		                <div class="col-sm-9">
		                	<span id="realMoney" style="border:none;-webkit-box-shadow:none;box-shadow:none" class="form-control" ></span>
		                </div>
	                </div>
	                
	                <div class="form-group">
		                <label class="col-sm-3 control-label">平台优惠：</label>
		                <div class="col-sm-9">
		                	<span id="discountMoney" style="border:none;-webkit-box-shadow:none;box-shadow:none" class="form-control" ></span>
		                </div>
	                </div>
	                
	                <div class="form-group">
		                <label class="col-sm-3 control-label">支付方式：</label>
		                <div class="col-sm-9">
		                	<span id="payType" style="border:none;-webkit-box-shadow:none;box-shadow:none" class="form-control" ></span>
		                </div>
	                </div>
	                
	                <div class="form-group">
		                <label class="col-sm-3 control-label">加油站名：</label>
		                <div class="col-sm-9">
		                	<span id="gsName" style="border:none;-webkit-box-shadow:none;box-shadow:none" class="form-control" ></span>
		                </div>
	                </div>
	                
	                <div class="form-group">
		                <label class="col-sm-3 control-label">加油站服务号：</label>
		                <div class="col-sm-9">
		                	<span id="gsServiceNo" style="border:none;-webkit-box-shadow:none;box-shadow:none" class="form-control" ></span>
		                </div>
	                </div>
	                
	                <div class="form-group">
		                <label class="col-sm-3 control-label">订单状态：</label>
		                <div class="col-sm-9">
		                	<span id="status" style="border:none;-webkit-box-shadow:none;box-shadow:none" class="form-control" ></span>
		                </div>
	                </div>
	                
	                <div class="form-group">
		                <label class="col-sm-3 control-label">备注信息：</label>
		                <div class="col-sm-9">
		                	<textarea class="form-control" style="border:none;-webkit-box-shadow:none;box-shadow:none;" id="memoOrder"  rows="8" readonly></textarea>
		                </div>
	                </div>
                </div>
           </div>
		     
		     
	  		</div>
	  </div>
    </div>
</div>


</@override>
<@override name="footer">
<script src="${ctx}/assets/js/region_select.js"></script>
<script src="//api.map.baidu.com/api?v=2.0&ak=AuNk3YS21DSmHEEvIFDf9dbD" type="text/javascript"></script>
<script type="text/javascript">
window.daijia = {ctx : '${ctx}'};
var main=false;
	<@shiro.isMainCompany>
		main=true;
	</@shiro.isMainCompany>
</script>
<script src="${ctx}/assets/js/jquery.raty.js"></script>
<script src="${ctx}/assets/js/datepicker.js"></script>
<script src="${ctx}/assets/js/jquery.paging.min.js"></script>
<script src="${ctx}/assets/js/gasstation/orderlist.js"></script>
</@override>
<@extends name="../layout.ftl"/>